<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>

<div id="app">
    <div v-if="type==='A'">
        A
    </div>
    <div v-else-if="type==='B'">
        B
    </div>
    <div v-else-if="type==='C'">
        C
    </div>
    <div v-else>
        Not A/B/C
    </div>
    <h1 v-show="ok">Hello</h1>
</div>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            type: "A",
            ok: true
        }
    })
</script>
